hr                              {color: #ccc;}
.header                         {margin: auto; float: left; width: 100%; height: 120px;}
.navigation                     {margin: auto; width: 960px; height: 118px;}
.nav-left                       {float: left; width: 39%; height: 118px; background: url('../images/logo.png'); margin-top: 10px;}
.nav-right                      {float: left; width: 60%; height: 107px; margin-top: 10px;}
.nav-right li                   {display: inline; padding: 14px;}
.nav-right li a                 {text-decoration: none; font-family: 'Yanone Kaffeesatz', Arial; color: #555; font-size: 17px; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out;}
.nav-right li a:hover           {color: #b6b6b6; text-decoration: underline;}
.href                           {text-decoration: none; font-family: 'Yanone Kaffeesatz', Arial; color: #555; font-size: 17px; float: right;}
.href :hover                    {color: #800000;}
.nav                            {margin-top: 85px; margin-left: 12px;}

.slider                         {margin: auto; float: left; width: 100%; height: 330px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f3f3f3;}

.container                      {margin: auto; width: 960px;}
.container-left                 {float: left; width: 65%;}
.container-left h1              {font-family: 'Oswald', Arial; color: #ff8000 !important; font-size: 18px; font-weight: normal;}
.container-left p               {font-family: 'Droid Sans', Arial; color: #333 !important; font-size: 12px; margin: 10px; line-height: 0.6cm;}
.container-right                {float: left; width: 34%; height: 250px; border: 1px solid #ccc; overflow: hidden; margin-top: 20px; -moz-border-radius: 5px; border-radius: 5px 5px 0 0;}
.container-right-title          {font-family: 'Oswald', Arial; color: #ffffff !important; font-size: 18px; border-bottom: 1px solid #ccc; height: 30px; background-color: #53a6a6; float: left; width: 100%; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.container-right-title span     {margin-left: 105px;}
.haumainmarquee1                {font-family: 'Droid Sans', Arial; color: #333 !important; font-size: 12px; line-height: 0.6cm;}

.clear                          {clear:both; height: 10px;}

.categories                     {width: 100%; float: left; margin: 10px;}
.categories h1                  {font-family: 'Oswald', Arial; color: #ff8000 !important; font-size: 18px; font-weight: normal;}
.categories-features            {width: 24%; height: 300px; float: left; margin-left: 5px;}
.categories-features img        {margin-top: 20px; margin-left: 65px;}
.categories-features h2         {margin-left: 45px; color: #F95700; font-family: 'News Cycle', Oswald, Arial; font-size: 1.5em; font-weight: normal; line-height: 1.2em; padding-bottom: 0px;}
.categories-features p          {margin: 20px; color: #333; font-family: 'Droid Sans', Arial; font-size: 12px; line-height: 1.3em;}
.categories-features a          {color: #800000; font-family: 'Droid Sans', Arial; font-size: 11px; text-decoration: none; float: right;}
.categories-features a:hover    {color: #ff0000;}

.footer                         {width: 100%; height: 50px; background-color: #1f1f1f; float: left;}
.footer-nav                     {margin: auto; width: 960px;}
.footer-nav li                  {display: inline; padding: 14px;}
.footer-nav li a                {text-decoration: none; font-family: 'Droid Sans', Arial; font-size: 11px; color: #ccc;}
.footer-nav li a:hover          {color: #ffffff;}
.mqap                           {color: #ccc; font-size: 10px; margin-left: 220px;}